<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script src="../dist/layui/layui.js"></script>-->
<!--    <link href="../dist/layui/css/layui.css" rel="stylesheet">-->
    <link href="../css/actor/detail.css" rel="stylesheet">

</head>
<body>
    <div class="header">
        <div class="header-logo"><a href="#" class="logo"></a></div>
        <div class="header-nav">
            <ul>
                <li><a class="">首页</a></li>
                <li><a class="">电影</a></li>
                <li><a class="">影院</a></li>
                <li><a class="">榜单</a></li>
                <li><a class="address">地区</a></li>
            </ul>
        </div>
        <div class="header-search">
            <form action="" class="search-form">
                <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
                <a href="" class="search-btn"></a>
            </form>
            <div class="head-login">
                <a href="" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
                <!--<span></span>-->
            </div>
        </div>
    </div>
<!--    演员     头部-->
    <div class="banner">
        <div class="banner-main">
            <div class="celeInfo-left"><img src="../images/actor/actor1.jpg"></div>
            <div class="celeInfo-right">
                <div class="movie-brief">
                    <h1>易烊千玺</h1>
                    <span>歌手</span>&nbsp;|
                    <span>演员</span>&nbsp;|
                    <span>2000-11-28</span>
                </div>
                <div class="actor-films">
                    <span>代表作</span>
                    <ul>
                        <li>
                            <a href="">
                                <img src="../images/actor/actor1-film.jpg">
                                <span>中国医生</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/actor1-film1.jpg">
                                <span>少年的你</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/actor1-film2.jpg">
                                <span>送你一朵小红花</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!--                电影评分-->
                <div class="moves-status">
                    <div class="movie-index">
                        <span>粉丝</span>
                        <h2 class="fans">100010</h2>
                    </div>
                    <div class="movie-index">
                        <span>累计票房</span>
                        <h2 class="box-office">62.60</h2>
                        <span>亿</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--    演员介绍  -->
    <div class="container">
        <div class="main-container">
            <div class="main-left">
                <div class="tab-title">
                    <span>介绍</span>
                    <div class="actor-content">
                        <p>易烊千玺，2000年11月28日生于湖南怀化，中国内地男歌手、舞者、演员，TFBOYS成员。 2005年，首登电视荧屏，开始参演各类综艺节目。2009年，加入“飞炫少年”组合，两年后退出，期间先后亮相CCTV和全国各大卫视。2013年6月，因舞蹈出众、多才多艺获邀加入TF家族；同年8月，以TFBOYS形式出道，是组合中年龄最小的成员 。 2015年9月，参演仙侠剧《青云志》。10月，为《小王子》男主角配音，该片刷新法国动画电影在华票房纪录。11月，特别出演青春历史剧《思美人》；同月，表演自编舞蹈《IF YOU》和《RHYTHM TA》，创下爱奇艺生日会直播在线用户数据最高纪录。 2016年2月，登上央视猴年春晚。4月，荣获第16届音乐风云榜年度盛典最受欢迎偶像等三项大奖。8月，表演自编舞蹈《Tell Me Why》。11月，荣登2016中国泛娱乐指数盛典明星影响力榜首；同月，发行单曲《你说》，并表演自编舞蹈《青春》和《扇子舞》。12月，荣登史记·2016年度十大明星之首。 2017年1月，登上央视鸡年春晚。4月，发行单曲《离骚》。5月，登上《T Magazine》封面，并出任丹麦王国首位国家旅游形象代言人。10月， 荣获ELLE年度人气偶像大奖，并登上《时装L'OFFICIEL》银十双封，成为该杂志首位单人封面男星；同月，主演《长安十二时辰》及《艳势番之新青年》两部剧集。11月，发行英文单曲《Nothing to Lose》和《Unpredictable》，出任adidas neo全新品牌代言人。12月，登上《芭莎男士》封面，并荣获智族GQ年度人气偶像。</p>
                        <div class="btn">
                            <button class="display-btn">点击显示详情</button>
                        </div>
                    </div>
                </div>
                <div class="tab-title">
                    <span>图片</span>
                    <a href="photo.html">全部</a>
                    <div class="photo-main">
                        <div class="photo-all">
                            <ul>
                                <li><a href=""><img src="../images/actor/starall1.jpg"> </a> </li>
                                <li><a href=""><img src="../images/actor/starall2.jpg"> </a> </li>
                                <li><a href=""><img src="../images/actor/starall3.jpg"> </a> </li>
                                <li><a href=""><img src="../images/actor/starall4.jpg"> </a> </li>
                                <li><a href=""><img src="../images/actor/starall5.jpg"> </a> </li>
                                <li><a href=""><img src="../images/actor/starall6.jpg"> </a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="tab-title">
                    <span>作品</span>
                    <div class="timeline-content">
                        <h3>2022</h3>
                        <ul>
                            <li>
                                <a href=""><img src="../images/actor/actorfilm1.jpg">
                                    <span>我们的少年时代2</span>
                                </a>
                            </li>
                            <li>
                                <a href=""><img src="../images/actor/actorfilm2.jpg">
                                    <span>奇迹</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="timeline-content">
                        <h3>2021</h3>
                        <ul>
                            <li>
                                <a href=""><img src="../images/actor/actorfilm3.jpg">
                                    <span>世间有她</span>
                                </a>
                            </li>
                            <li>
                                <a href=""><img src="../images/actor/actorfilm4.jpg">
                                    <span>长津湖</span>
                                </a>
                            </li>
                            <li>
                                <a href=""><img src="../images/actor/actorfilm5.jpg">
                                    <span>中国医生</span>
                                </a>
                            </li>
                            <li>
                                <a href=""><img src="../images/actor/actorfilm6.jpg">
                                    <span>送你一朵小红花</span>
                                </a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="main-right">
                <div class="tab-title">
                    <span>相关影人</span>
                </div>
                <div class="relation-films">
                    <ul>
                        <li>
                            <a href="">
                                <img src="../images/actor/friend1.jpg">
                                <span>周嘉诚</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/friend6.jpg">
                                <span>关小彤</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/friend2.jpg">
                                <span>王嘉</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/friend3.jpg">
                                <span>王俊凯</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/friend4.jpg">
                                <span>王源</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="../images/actor/friend5.jpg">
                                <span>张艺兴</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!--========== 4.底部脚注 =============-->
    <div class="index-footer">
        <div class="footer-head"></div>
        <div class="footer-main">
            <p>关于视享票票通：&nbsp;<a>关于我们</a><span>&nbsp;|&nbsp;</span><a>管理团队</a><span>&nbsp;|&nbsp;</span><a>投资者关系</a>
                &nbsp;&nbsp;友情链接 :&nbsp;&nbsp;<a>支付宝</a></p>
            <p>
                商务合作邮箱：1137750012@qq.com &nbsp;
                客服电话：62170010 &nbsp;
                违法和不良信息/涉未成年人有害信息举报电话：4006018900
            </p>
            <p>
                用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
                舞弊线索举报邮箱：wubijubao@shixiang.com
            </p>
            <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
            <p>驰星视享文化传媒有限公司</p>
            <p>&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
        </div>

    </div>
<!--    <div class="photo-list">-->
<!--        <fieldset class="layui-elem-field layui-field-title" style="margin: 30px auto;">-->
<!--        </fieldset>-->

<!--        <div class="layui-carousel" id="test1" lay-filter="test1" style="margin: 30px auto;background-color: rgba(21, 18, 21, 0.69);">-->
<!--            <div carousel-item="" style="width: 300px; margin: auto; transform: translate3d(0px, 0px, 0px); ">-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->
<!--                <div><img src="../images/actor/actor1.jpg" style="width: 100%;height: 100%"></div>-->

<!--            </div>-->
<!--        </div>-->
<!--        <div class="page-photo">-->
<!--            <div class="button-left">-->
<!--                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
<!--                </fieldset>-->
<!--                <div class="layui-btn-container">-->
<!--                    <button type="button" class="layui-btn" style="background-color: rgba(0,0,0,.2);"><i class="layui-icon"></i></button>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="all-photo">-->
<!--                <ul>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                    <li><img src="../images/actor/actor1.jpg"> </li>-->
<!--                </ul>-->
<!--            </div>-->
<!--            <div class="button-right">-->
<!--                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
<!--                </fieldset>-->
<!--                <div class="layui-btn-container">-->
<!--                    <button type="button" class="layui-btn" style="background-color: rgba(0,0,0,.2);"><i class="layui-icon"></i></button>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <script>-->
<!--        layui.use(['carousel', 'form'], function() {-->
<!--            var carousel = layui.carousel-->
<!--                , form = layui.form;-->
<!--            //图片轮播-->
<!--            carousel.render({-->
<!--                elem: '#test1'-->
<!--                ,width: '760px'-->
<!--                ,height: '500px'-->
<!--            });-->
<!--        })-->
<!--    </script>-->



    <script src="../js/actor/detail.js"></script>
</body>
</html>